@charset "utf-8";
/* CSS Document gu*/

#main { width:1000px; height:auto; margin:35px auto 0px; vertical-align:top}
#left-body {width:716px; height:auto;  text-align:left; overflow:auto; float:left}
#left-body .box1 { width:100%; height:100px;}
#left-body .box1 img { width:98px; height:98px; border:solid 1px #cecdcb; float:left}
#left-body .box1 .user { width:604px; height:100%; background:#f4f4f4; float:right; position:relative}
#left-body .box1 .user s{ position:absolute; width:10px; height:22px; top:50%; left:0px; margin-top:-11px; margin-left:-10px; background:url(../image/print.png) no-repeat -133px 0px;}
#left-body .box1 .user .edit { width:62px; height:30px; position:absolute; top:15px; right:20px; line-height:28px; vertical-align:middle; text-align:center; font-family:Helvetica; color:#fff; font-size:18px; background:url(../image/print.png) no-repeat -383px -400px}
#left-body .box1 .user h1 { font-family:Helvetica; font-size:25px; color:#91d6e2; font-weight:bold; width:auto; padding:15px 90px 20px 20px; line-height:36px; vertical-align:middle}
#left-body .box1 .user .from { float:left; font-size:13px; font-family:Helvetica; color:#a4a4a4; font-weight:bold; margin-left:20px}
#left-body .box1 .user .from .name { color:#91d6e2}
#left-body .box1 .user .from .name:hover { text-decoration:underline}
#left-body .box1 .user .address { float:right; font-family:Arial; font-size:15px; color:#a4a4a4; font-weight:bold; margin-right:20px}


#left-body .box4 { width:100%; height:auto; position:relative; margin-top:40px}
#left-body .box4 p.title { font-size:16px; font-family:Helvetica; color:#92d4e2; padding-bottom:10px; border-bottom:solid 1px #abbdd1; width:100%; font-weight:bold}
#left-body .box4 .optionbox { width:100%; height:auto; position:relative; z-index:999; overflow:visible; float:left}
#left-body .optionbox .option { width:auto; height:44px; position:absolute; top:0px; right:54px; margin-top:-44px;}
#left-body .box4 .optionbox .option a { float:left; margin-left:13px; display:inline; padding:0px 30px; line-height:36px; vertical-align:middle; margin-top:6px; border:solid 1px #abbdd1; background:#f4f4f4; font-family:Helvetica; color:#a4a4a4}
#left-body .box4 .optionbox .option a.now { border-bottom:solid 1px #fff; background:#fff; color:#91d6e2; padding-top:6px; margin-top:0px}


#left-body .box2 { width:100%; height:auto; overflow:auto; margin-top:20px;text-align:left} 
#left-body .box2 strong { font-size:24px; font-family:Helvetica; color:#868585; font-weight:bold; display:block; margin-bottom:15px; width:auto; height:auto}
#left-body .box2 .left { width:150px; height:auto; border-right:solid 1px #abbdd1; padding-right:20px; float:left}
#left-body .box2 .left label { font-size:15px; font-family:Arial; font-weight:bold; color:#91d6e2; width:auto; display:block}
#left-body .box2 .left span { font-family:Arial; font-size:13px; color:#a4a4a4; margin-bottom:20px; width:100%; display:block}
#left-body .box2 .right { width:505px; padding-right:10px; height:auto; float:right;  }
#left-body .box2 .right h2{ font-family:Arial; font-size:18px; font-weight:bold; color:#91d6e2; padding-bottom:15px}
#left-body .box2 .right p { font-family:Arial; font-size:13px; color:#a4a4a4; padding-bottom:10px}


#left-body .box4 .ranking { width:100%; height:auto}
#left-body .box4 .ranking li { width:100%; height:83px; overflow:auto}
#left-body .box4 .ranking li.gay { background:#f5f5f5}
#left-body .box4 .ranking li div { width:auto; height:83px; float:left}
#left-body .box4 .ranking li div.l { width:85px;}
#left-body .box4 .ranking li div.l img { width:48px; height:48px; border:solid 1px #ccc; margin:10px 0px 0px 23px}
#left-body .box4 .ranking li div.l span { width:48px; height:auto; display:block; font-family:Arial; font-size:13px; color:#91d6e2; margin:2px 0px 0px 23px; text-align:center; font-weight:bold}
#left-body .box4 .ranking li div.c { width:518px; height:83px; vertical-align:middle; line-height:83px; font-family:Arial; font-size:16px; color:#91d6e2}
#left-body .box4 .ranking li div.r { width:auto; height:83px}
#left-body .box4 .ranking li div.r label { font-family:Arial; font-size:28px; color:#ff7e71; display:block; margin-top:17px}
#left-body .box4 .ranking li div.r span { font-family:Arial; font-size:14px; color:#aaaaaa; display:block; margin-left:6px}



#right-side {width:255px; height:auto; float:right}
#right-side .box1 { width:205px; height:300px; border-radius:16px; background:#fff6da; padding:20px 25px; position:relative}
#right-side .box1 .budget,#right-side .box1 .deadline { width:100%; height:30px; line-height:30px; vertical-align:middle; font-family:Helvetica; color:#46484e; text-align:right; font-weight:bold}
#right-side .box1 .budget label,#right-side .box1 .deadline label { float:left; color:#a4a4a4; font-size:16px;}
#right-side .box1 .budget { font-size:30px;}
#right-side .box1 .budget span { color:#ff7471;}
#right-side .box1 .deadline { font-size:16px;}

#right-side .box1 .button { display:block; height:50px; background:url(../image/print.png) no-repeat; text-align:center; line-height:50px; vertical-align:middle; text-align:center; font-family:Helvetica; font-size:18px; color:#fff; }
#right-side .box1 .button_1 { width:194px; background-position:-305px -350px; margin-top:50px}
#right-side .box1 .button_2 { width:168px; background-position:0px -350px; margin:0px auto; margin-top:50px;}
#right-side .box1 .button_3 { width:168px; background-position:0px -350px; margin:0px auto; margin-top:20px;}

#right-side .box1 ul { width:205px; height:auto; position:absolute; left:25px; bottom:20px}
#right-side .box1 ul li { list-style:none; background:url(../image/print.png) no-repeat; height:20px; margin-top:10px; text-align:left}
#right-side .box1 ul li a{ color:#91D6E2}
#right-side .box1 ul li a:hover { text-decoration:underline}
#right-side .box1 ul li.c-num { background-position:0px -204px; height:23px}
#right-side .box1 ul li.b-num { background-position:0px -227px; height:23px}
#right-side .box1 ul li.f-num {background-position:0px -163px}
#right-side .box1 ul li.t-num {background-position:0px -183px}
#right-side .box1 ul span { margin-left:35px; font-family:Helvetica; font-size:14px; color:#46484e; line-height:18px; vertical-align:middle; font-weight:bold;}
#right-side .box1 ul li a:hover { text-decoration:none}
#right-side .box1 ul li a:hover span { color:#91D6E2}
#right-side .box1 ul label { display:block; width:28px; height:18px; font-family:Verdana; font-size:11px; color:#3b5998; line-height:18px; vertical-align:middle; text-indent:3px }
#right-side .box1 ul .f-num  label{ margin-left:59px; border:solid 1px #a4b3c5; border-left:none; background:#eceef5}
#right-side .box1 ul .t-num  label{ margin-left:69px; border:solid 1px #c1dced; border-left:none; background:#ffffff}


#right-side .box2 { width:205px; height:auto; border-radius:16px; background:#f5f5f5; padding:20px 25px 5px 25px; position:relative; z-index:1; margin-top:28px}
#right-side .box2 .title { font-family:Helvetica; font-size:16px; color:#a4a4a4; text-align:left}
#right-side .box2 .status { width:169px; height:28px; border-radius:16px; overflow:hidden; position:absolute; left:40px; top:50px; z-index:5; border-left:solid 1px #bababa; border-right:solid 1px #bababa}
#right-side .box2 .status .gray { width:169px; height:28px; position:absolute; left:0px; top:0px; background:url(../image/gray.png) repeat-x -1px 0px; z-index:10; border-radius:16px}
#right-side .box2 .status .blue { height:28px; border-left:solid 1px #cedee9; border-right:solid 1px #cedee9; position:absolute; left:0px; top:-1px; background:url(../image/blue.png) repeat-x -1px 0px; z-index:15; border-radius:16px 0px 0px 16px}
#right-side .box2 .status .num-1 { width:33px;}
#right-side .box2 .status .num-2 { width:66px;}
#right-side .box2 .status .num-3 { width:100px;}
#right-side .box2 .status .num-4 { width:134px;}
#right-side .box2 .status .num-5 { width:168px;}
#right-side .box2 .status .num-6 { width:203px; border-radius:16px}
#right-side .box2 .status .num { width:100%; height:28px; line-height:28px; vertical-align:middle text-align:central; font-size:16px; font-family:Helvetica; color:#777777; text-shadow:1px 1px 1px #fff; font-weight:bold; position:absolute; left:0px; top:0px; z-index:20}

#right-side .box2 .status-lists { width:100%; height:auto; margin-top:50px}
#right-side .box2 .status-lists tr td { height:37px; border-bottom:solid 1px #dfe4ea; font-size:13px; font-family:Arial; color:#a4a4a4; text-align:left}
#right-side .box2 .status-lists tr td.w_60 { width:60%}
#right-side .box2 .status-lists tr.complete td { color:#91d6e2}
#right-side .box2 .status-lists tr.footer td {border-bottom:none}

#right-side .box2 .num-1,#right-side .box2 .num-2 { width:205px; height:45px; font-size:22px; font-family:Arial; color:#91d6e2; line-height:45px; vertical-align:middle; text-align:left; font-weight:bold}
#right-side .box2 .num-1 { border-bottom:solid 1px #ccc}
#right-side .box2 .num-2 { border-top:solid 1px #fff; margin-bottom:15px}
#right-side .box2 .num-1 span,#right-side .box2 .num-2 span { float:right}



#right-side .box3 { width:225px; height:auto; border-radius:16px; background:#fff6da; padding:20px 15px;text-align:left; margin-top:28px}
#right-side .box3 p { font-family:Arial; font-size:12px; color:#a4a4a4;}
#right-side .box3 .about { padding:10px 0px 15px; width:100%; height:auto; position:relative}
#right-side .box3 .about strong { font-family:Arial; font-size:16px; line-height:160%; vertical-align:middle}
#right-side .box3 .about label { margin-bottom:10px}
#right-side .box3 .about img { width:48px; height:48px; border:solid 1px #cecdcb; }
#right-side .box3 .about span { font-size:14px; color:#868585; font-family:Arial; vertical-align:bottom}
#right-side .box3 .about s { width:64px; height:34px; position:absolute; top:55px; right:10px; background:url(../image/print.png) no-repeat 0px -113px}
#right-side .box3 .y { color:#ac7d18}


#right-side .box4 { width:100%; height:auto; margin-top:30px; text-align:left}
#right-side .box4 strong { font-family:Helvetica; font-size:26px; color:#91d6e2; font-weight:bold; margin-bottom:20px; display:block}
#right-side .box4 b { font-family:Arial; font-size:16px; color:#939292; font-weight:bold; }
#right-side .box4 p{ font-family:Arial; font-size:13px; color:#afafaf; margin-bottom:20px; margin-top:5px}

/**
#pop1 h1 { width:705px; height:60px; border-bottom:solid 1px #abbdd1; font-family:Helvetica; font-size:27px; color:#91d6e2; text-align:left; font-weight:bold; line-height:60px; vertical-align:middle}
#pop1 h1 i { float:right; font-size:12px; font-family:Arial; line-height:70px}
#pop1 h1 i a{ color:#91d6e2}
#pop1 h1 i a:hover{ text-decoration:underline}
#pop1 span { font-size:13px; font-family:Arial; color:#868686; text-align:left; width:705px; display:block; overflow:hidden; height:15px; margin:10px 0px;}
#pop1 table { width:auto; height:auto; margin:0px auto}
#pop1 table tr td input { width:278px; height:30px; margin:8px 0px}
#pop1 table tr td label { background:url(../image/print.png) no-repeat -138px -115px; height:33px; width:100px; padding-left:49px; font-size:13px; font-family:Helvetica; color:#868686; line-height:33px; vertical-align:middle; display:block; margin:0px auto}
#pop1 table tr td a{ width:186px; height:41px; display:block; background:url(../image/print.png) no-repeat; margin:8px auto}
#pop1 table tr td a.share-f { background-position:-187px 0px;}
#pop1 table tr td a.share-t { background-position:-187px -41px;}
#pop1 table tr td.w280 { width:280px}
#pop1 table tr td.w230 { width:230px}
#pop1 table tr td.w205 { width:205px; border-right:dashed 1px #becce7}

#pop2 h1 { width:585px; height:60px; border-bottom:solid 1px #abbdd1; font-family:Helvetica; font-size:27px; color:#91d6e2; text-align:left; font-weight:bold; line-height:60px; vertical-align:middle}
#pop2 span { font-size:13px; font-family:Arial; color:#868686; text-align:left; width:585px; display:block; overflow:hidden; height:15px; margin:10px 0px;}
#pop2 .form-box { width:auto; height:auto}
#pop2 .form-box div { width:auto; height:auto; padding-bottom:15px}
#pop2 .form-box div i { font-family:Helvetica; font-size:16px; color:#ff7471; float:left; line-height:38px; padding-right:5px}
#pop2 .form-box div b { width:205px; line-height:38px; float:left; font-family:Helvetica; font-size:16px; color:#a4a4a4; text-align:left}
#pop2 .form-box div input { width:340px;}
#pop2 .form-box .submit-this-form{ width:194px; background-position:-305px -350px; border-radius:0px; margin:20px auto 10px}

#pop1 .form-box { width:705px}
#pop1 .form-box textarea { width:628px; height:90px; border:solid 1px #d1d1d1; border-radius:6px; margin:10px auto; font-family:Helvetica; color:#333; font-size:12px; padding:5px 8px}
#pop1 .form-box .submit-this-form {width:194px; background-position:-305px -350px; border-radius:0px; margin:20px auto 10px 200px;}
#pop1 .form-box em { font-size:11px; font-family:Arial; color:#868585; line-height:50px; vertical-align:bottom}
*/












